Component({
    properties: {
        // 是否开始绘图
        isCanDraw: {
            type: Boolean,
            value: false,
            observer(newVal) {
                newVal && this.handleStartDrawImg()
            }
        },
        // 用户头像昵称信息
        userInfo: {
            type: Object,
            value: {
                avatarUrl: '',
                nickName: ''
            }
        }
    },
    data: {
        imgDraw: {}, // 绘制图片的大对象
        sharePath: '' // 生成的分享图
    },
    methods: {
        handleStartDrawImg() {
            wx.showLoading({
                title: '生成中'
            })
            this.setData({
                imgDraw: {
                    width: '750rpx',
                    height: '1334rpx',
                    background: 'https://qiniu-image.qtshe.com/20190506share-bg.png',
                    views: [{
                            type: 'image',
                            url: 'https://qiniu-image.qtshe.com/1560248372315_467.jpg',
                            css: {
                                top: '32rpx',
                                left: '30rpx',
                                right: '32rpx',
                                width: '688rpx',
                                height: '420rpx',
                                borderRadius: '16rpx'
                            },
                        },
                        {
                            type: 'image',
                            url: this.data.userInfo.avatarUrl || 'https://qiniu-image.qtshe.com/default-avatar20170707.png',
                            css: {
                                top: '404rpx',
                                left: '328rpx',
                                width: '96rpx',
                                height: '96rpx',
                                borderWidth: '6rpx',
                                borderColor: '#FFF',
                                borderRadius: '96rpx'
                            }
                        },
                        {
                            type: 'text',
                            text: this.data.userInfo.nickName || '青团子',
                            css: {
                                top: '532rpx',
                                fontSize: '28rpx',
                                left: '375rpx',
                                align: 'center',
                                color: '#3c3c3c'
                            }
                        },
                        {
                            type: 'text',
                            text: `邀请您参与助力活动`,
                            css: {
                                top: '576rpx',
                                left: '375rpx',
                                align: 'center',
                                fontSize: '28rpx',
                                color: '#3c3c3c'
                            }
                        },
                        {
                            type: 'text',
                            text: `宇宙最萌蓝牙耳机测评员`,
                            css: {
                                top: '644rpx',
                                left: '375rpx',
                                maxLines: 1,
                                align: 'center',
                                fontWeight: 'bold',
                                fontSize: '44rpx',
                                color: '#3c3c3c'
                            }
                        },
                        {
                            type: 'qrcode',
                            content: 'https://qiniu-image.qtshe.com/20190605index.jpg',
                            css: {
                                top: '834rpx',
                                left: '470rpx',
                                width: '200rpx',
                                height: '200rpx'
                            }
                        }
                    ]
                }
            })

            //   if (this.data.posterType == 'apply') {
            //     this.setData({
            //         imgDraw: {
            //             "width": "394px",
            //             "height": "690px",
            //             "background": "https://chashanhuiyi.yunxd.com/assets/img/ewmbg.png",
            //             "views": [{
            //                     "type": "rect",
            //                     "css": {
            //                         "background": "#ffffff",
            //                         "width": "212px",
            //                         "height": "212px",
            //                         "top": "190px",
            //                         "left": "95px",
            //                         "rotate": "0",
            //                         "borderRadius": "200px",
            //                         "shadow": "",
            //                         "color": "#ffffff"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": this.data.posterInfo.title,
            //                     "css": {
            //                         "color": "#FFD258",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "31.459999999999997px",
            //                         "top": "56.00000000000001px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "25px",
            //                         "fontWeight": "bold",
            //                         "maxLines": "2",
            //                         "lineHeight": "31.746000000000006px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": "请长按识别小程序码报名",
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "22.88px",
            //                         "top": "429px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 },
            //                 {
            //                     "type": "image",
            //                     "url": this.data.posterInfo.joinCode,
            //                     "css": {
            //                         "width": "185px",
            //                         "height": "185px",
            //                         "top": "203px",
            //                         "left": "107px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "",
            //                         "shadow": "",
            //                         "mode": "scaleToFill"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": "时　　间：" + this.data.posterInfo.starttime,
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "300px",
            //                         "height": "22.88px",
            //                         "top": "487px",
            //                         "left": "69px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",

            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "left"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": "地　　点：" + this.data.posterInfo.address,
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "300px",
            //                         "height": "22.88px",
            //                         "top": "522px",
            //                         "left": "69px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",

            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "left"
            //                     }
            //                 }, {
            //                     "type": "text",
            //                     "text": "茶山镇党政综合办",
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "22.88px",
            //                         "top": "640px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 }
            //             ]
            //         }
            //     })
            // } else {
            //     this.setData({
            //         imgDraw: {
            //             "width": "394px",
            //             "height": "690px",
            //             "background": "https://chashanhuiyi.yunxd.com/assets/img/ewmbg.png",
            //             "views": [{
            //                     "type": "rect",
            //                     "css": {
            //                         "background": "#ffffff",
            //                         "width": "212px",
            //                         "height": "212px",
            //                         "top": "190px",
            //                         "left": "95px",
            //                         "rotate": "0",
            //                         "borderRadius": "200px",
            //                         "shadow": "",
            //                         "color": "#ffffff"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": '会议签到',
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "31.459999999999997px",
            //                         "top": "30px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "30px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "31.746000000000006px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": this.data.posterInfo.title,
            //                     "css": {
            //                         "color": "#FFD258",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "31.459999999999997px",
            //                         "top": "90.00000000000001px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "25px",
            //                         "fontWeight": "bold",
            //                         "maxLines": "2",
            //                         "lineHeight": "31.746000000000006px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": "请用微信扫码签到",
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "22.88px",
            //                         "top": "429px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "20px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 },
            //                 {
            //                     "type": "image",
            //                     "url": this.data.posterInfo.signCode,
            //                     "css": {
            //                         "width": "185px",
            //                         "height": "185px",
            //                         "top": "203px",
            //                         "left": "107px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "",
            //                         "shadow": "",
            //                         "mode": "scaleToFill"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": "时　　间：" + this.data.posterInfo.starttime,
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "300px",
            //                         "height": "22.88px",
            //                         "top": "487px",
            //                         "left": "69px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",

            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "left"
            //                     }
            //                 },
            //                 {
            //                     "type": "text",
            //                     "text": "地　　点：" + this.data.posterInfo.address,
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "300px",
            //                         "height": "22.88px",
            //                         "top": "522px",
            //                         "left": "69px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",

            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "left"
            //                     }
            //                 }, {
            //                     "type": "text",
            //                     "text": "茶山镇党政综合办",
            //                     "css": {
            //                         "color": "#ffffff",
            //                         "background": "rgba(0,0,0,0)",
            //                         "width": "394px",
            //                         "height": "22.88px",
            //                         "top": "640px",
            //                         "left": "0px",
            //                         "rotate": "0",
            //                         "borderRadius": "",
            //                         "borderWidth": "",
            //                         "borderColor": "#000000",
            //                         "shadow": "",
            //                         "padding": "0px",
            //                         "fontSize": "16px",
            //                         "fontWeight": "normal",
            //                         "maxLines": "2",
            //                         "lineHeight": "23.088000000000005px",
            //                         "textDecoration": "none",
            //                         "fontFamily": "",
            //                         "textAlign": "center"
            //                     }
            //                 }
            //             ]
            //         }
            //     })
            // }
        },
        onImgErr(e) {
            wx.hideLoading()
            wx.showToast({
                title: '生成分享图失败，请刷新页面重试'
            })
            //通知外部绘制完成，重置isCanDraw为false
            this.triggerEvent('initData')
        },
        onImgOK(e) {
            wx.hideLoading()
            // 展示分享图
            wx.showShareImageMenu({
                path: e.detail.path,
                fail: err => {
                    console.log(err)
                }
            })
            //通知外部绘制完成，重置isCanDraw为false
            this.triggerEvent('initData')
        }
    }
})